<!DOCTYPE html>
<html class="no-js" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>后台管理系统</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="__PUBLIC__/Admin/files/reset.css">
<link rel="stylesheet" href="__PUBLIC__/Admin/files/supersized.css">
<link rel="stylesheet" href="__PUBLIC__/Admin/files/style.css">
<script src="__PUBLIC__/Admin/js/jquery-1.9.1.min.js" ></script>
<script src="__PUBLIC__/Admin/files/jquery-1.js" type="text/javascript"></script>
<script>
function stada(e)
{
	if($(e).attr("class")=='username'){
		var reg = /^[A-Za-z]{1}\w{4,12}$/;//必须以字母开头长度在6-12个字符
	    if(!reg.test(e.value)) {
	        $(e).parent().find('.error').fadeOut('fast', function(){
	            $(this).css('top', '27px');
	        });
	        $(e).parent().find('.error').fadeIn('fast', function(){
	        	if($('.error').css("display") == 'none'){
		            $(this).parent().find('.username').focus();
	        	}
	        });
	        return false;
	    }
	}
	else if($(e).attr("class")=='password'){
		var reg = /^[!@#$%^&*()_+`\-=:';"<>,.\/\w]{5,12}$/;//允许特殊符号长度在6-12个字符
	    if(!reg.test(e.value)) {
	        $(e).parent().find('.error').fadeOut('fast', function(){
	            $(this).css('top', '96px');
	        });
	        $(e).parent().find('.error').fadeIn('fast', function(){
	        	if($('.error').css("display") == 'none'){
	            	$(this).parent().find('.password').focus();
	        	}
	       	});
	        return false;
	    }
	}
	else if($(e).attr("class")=='code'){
		var reg = /^[A-Za-z0-9]{4}$/;//数字和字母长度为4
	    if(!reg.test(e.value)){
		   $(e).parent().find('.error').fadeOut('fast', function(){
	           $(this).css('top', '167px');
	       });
	       $(e).parent().find('.error').fadeIn('fast', function(){
	    	   if($('.error').css("display") == 'none'){
		           $(this).parent().find('.code').focus();
	    	   }
	       });
	       return false;
	    }
	}
}



//-----------flash 时间----------------------//
function LoadBlogParts(){
	var swfUrl = "http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.swf";
	var swfTitle = "honehoneclock";
	var sUrl = swfUrl;	
	var sHtml = "";
	sHtml += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="160" height="70" id="' + swfTitle + '" align="middle">';
	sHtml += '<param name="allowScriptAccess" value="always" />';
	sHtml += '<param name="movie" value="' + sUrl + '" />';
	sHtml += '<param name="quality" value="high" />';
	sHtml += '<param name="bgcolor" value="#ffffff" />';
	sHtml += '<param name="wmode" value="transparent" />';
	sHtml += '<embed wmode="transparent" src="' + sUrl + '" quality="high" bgcolor="#ffffff" width="160" height="70" name="' + swfTitle + '" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
	sHtml += '</object>';
	document.write(sHtml);
}



</script>
</head>
<body>
<div class="page-container">
    <h1>后台管理系统</h1>
    <form action="__MODULE__/Login/checkLogin" method="post"  >
    
        <input name="account" id='user' onblur='stada(this)' class="username" placeholder="用户名" type="text"  />
        
        <input name="password" class="password" id='pwd' onblur='stada(this)'  placeholder="密码" type="password" />
        
        <input name="verify" class="code" placeholder="验证码" maxlength='4' id='code' onblur='stada(this)' type="text" />
        
        <img src='__MODULE__/Login/Verify' id='checkCodeImg' width="150px" height='40px' style=' margin-top:15px; vertical-align:middle; '>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <a href='javascript:refreshCc();' style='color:green;fontsize:16px;'>看不清 换一张</a></img>
        <button type="submit">登录</button>
         <div class="error" id='error'><span>+</span></div>
    </form>
    <div class="connect">
	 <script> LoadBlogParts();</script>
          </div>
		</div>

<script src="__PUBLIC__/files/supersized.js"></script>
<script src="__PUBLIC__/files/scripts.js"></script>
<script>
function refreshCc() { //刷新
	document.getElementById("checkCodeImg").src= "__MODULE__/Login/Verify/"+Math.random(); // 连随机数的作用是请缓存
}
//-------------控制 背景图片切换 功能js方法--------------//
jQuery(function($){
	
    $.supersized({

        // Functionality  空间的功能性
        slide_interval     : 4000,    // 背景图片更新时间
        transition         : 1,    //图片的更换方式 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed   : 1000,    // 切换过程需的时间  Speed of transition
        performance        : 3,    // 图片质量 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)

        // Size & Position	大小和位置 0是关闭 1 是开启
        min_width          : 0,    // 最小宽度允许(像素) Min width allowed (in pixels)
        min_height         : 0,    // 最小高度允许(像素) Min height allowed (in pixels)
        vertical_center    : 0,    // 垂直中心背景 Vertically center background
        horizontal_center  : 0,    // 横向中心背景 Horizontally center background
        fit_always         : 0,    // !!! 图像不会超过浏览器宽度或高度(忽略分钟维度) Image will never exceed browser width or height (Ignores min. dimensions)
        fit_portrait       : 0,    // 肖像图片浏览器高度不会超过 Portrait images will not exceed browser height
        fit_landscape      : 0,    // Landscape images will not exceed browser width

        // Components
        slide_links        : 'blank',    // 个人链接每个幻灯片(选项:false, 'num', 'name', 'blank') Individual links for each slide (Options: false, 'num', 'name', 'blank')
        slides             : [    // 幻灯片的图片 Slideshow Images
								 {image : '__PUBLIC__/files/4.jpg'},
                                 {image : '__PUBLIC__/files/1.jpg'},
                                 {image : '__PUBLIC__/files/2.jpg'}, 
								 {image : '__PUBLIC__/files/3.jpg'}, 
								 {image : '__PUBLIC__/files/5.jpg'},
								 {image : '__PUBLIC__/files/6.jpg'},
								 {image : '__PUBLIC__/files/7.jpg'}
                      		 ]
    })

});



</script>
      <!-- Javascript -->

</body>
</html>